<script setup>
import {RouterLink, RouterView} from 'vue-router';
</script>

<template>
    <ul class="nav" style="width: 250px;margin: 0 auto;">
        <li class="nav-item">
            <RouterLink class="nav-link" to="/">字母</RouterLink>
        </li>
        <li class="nav-item">
            <RouterLink class="nav-link" to="/alphabet_exercise">字母练习</RouterLink>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="/pron">发音规则</a>
        </li>
<!--        <li class="nav-item">-->
<!--            <a class="nav-link" href="#">规则练习</a>-->
<!--        </li>-->
    </ul>
    <RouterView />
</template>
